extends ../../components/layout
append style
  +css('orderBooking/orderBooking.css')
  link(rel='stylesheet', href='../../assets/css/simulate/simulatePage.css')
  link(rel='stylesheet', href='../../assets/css/productDetails/productDetails.css')
block title
  title 订单填写
block content
  include ../../components/data/travelData
  .gzl-page
    section.gzl-section.cruiseChoose-section
      -var roomlist = [{name:"内舱房",price:1800},{name:"海景房",price:680},{name:"阳台房",price:9800},{name:"套房",price:8800}]
      -for(var p=0;p<roomlist.length;p++)
        .gzl-cells
          .gzl-cell.gzl-cell_spread(class=p==0?"show":"")
            .gzl-cell__hd #{roomlist[p].name}
            .gzl-cell__bd
              span 2
            .gzl-cell__ft 
              | ￥
              span #{roomlist[p].price}
              |
              em 起
          .gzl-cell_spreadcon
            ul.cabinList
              - var cabinData = [{cabinName: "标准内舱双人房IC",cabinMen: "可住2人",cabinSquare: "32㎡",cabindescription: "1,3,5,8,10-12层…1,3,5,8,10-12层…1,3,5,8,10-12层…1,3,5,8,10-12层…1,3,5,8,10-12层…1,3,5,8, 10-12层…",cabinSaleOut: false},{cabinName: "高级内舱双人房IP",cabinMen: "可住4人",cabinSquare: "32㎡",cabindescription: "1层",cabinSaleOut: false},{cabinName: "超级豪华无敌海景梦幻阳台双人房（景观受阻）BC",cabinMen: "可住6人",cabinSquare: "100㎡",cabindescription: "",cabinSaleOut: true}]
              - for(var i=0;i<cabinData.length;i++)
                li.gzl-flex.cabinItem(class=cabinData[i].cabinSaleOut?"saleOut":"onsale")
                  .gzl-flex__item
                    .cabinName #{cabinData[i].cabinName}
                    .cabinDesc
                      span #{cabinData[i].cabinMen}
                      span #{cabinData[i].cabinSquare}
                      span.limitText #{cabinData[i].cabindescription}
                      em.cabinDescDetail 详情
                  .cabinNum 2间
                  .btn.cabin-button #{cabinData[i].cabinSaleOut?"售罄":"选择"}

    footer.gzl-footer.cruiseChoose-footer
      +footbar
append script
  +js("simulatePage/seriesPopUp.js")
  +js("orderBooking/cruiseOrderChoose.js")
  //-  选择入住人数
  script(type="text/template", id="cruiseChoosePop")
    .cruiseChooseMen-wrap
      .chooseTips 
        | 最多入住
        span 4人
        | ，请按实际情况选择人数，否则入住时可能会收取额外费用
      .gzl-cell.cruiseMember
        .gzl-cell__bd 第1/2人价
        .gzl-cell__ft ¥
          span 5000
      .gzl-cell.cruiseMember
        .gzl-cell__bd 第1/2人价
        .gzl-cell__ft ¥
          span 5000
      .gzl-cell.cruiseMember
        .gzl-cell__bd 第1/2人价
        .gzl-cell__ft ¥
          span 5000
      .gzl-cell.adult
        .gzl-cell__bd 成人
        .gzl-cell__ft
          .gzl-count
            .gzl-count__minus
              +icon('#icon-minus')
            .gzl-count__num 0
            .gzl-count__plus
              +icon('#icon-plus')
      .gzl-cell.child
        .gzl-cell__bd 儿童
        .gzl-cell__ft
          .gzl-count
            .gzl-count__minus
              +icon('#icon-minus')
            .gzl-count__num 0
            .gzl-count__plus
              +icon('#icon-plus')
      .gzl-cell.total
        .gzl-cell__bd 房间
        .gzl-cell__ft
          .gzl-count
            .roomNum
              span 0
              em 间
    footer.gzl-footer
      .gzl-footbar
        .gzl-flex__item
          a(href="#")
            .btn 确定
  //-  舱房产品详情显示;
  script(type="text/template", id="room-detail")
    .bk-room-detail
      ul.room-server
        li
          +icon('#icon-bed-type')
          | 大床/双床
        li
          +icon('#icon-people-num')
          | 可住4人
        li
          +icon('#icon-floor')
          | 1/3/4/6/8/9~15层…
        li
          +icon('#icon-area')
          | 35㎡
        li
          +icon('#icon-breakfast')
          | 无早餐
        li
          +icon('#icon-extra-bed')
          | 可加床
        li
          +icon('#icon-windows')
          | 有窗口
        li
          +icon('#icon-roomGap')
          | 小于2人需要补房差
      .room-info
        strong.room-dt-tit 设施
        p 描述文字两端强制对齐，弹出根据内容自适应高度300~550pt，描述文字两端强制对齐，弹出根据内容自适应高度300~550pt。
      .room-facility
        strong.room-dt-tit 备注
        p 描述文字两端强制对齐，弹出根据内容自适应高度300~550pt。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid consequatur debitis quod repellat. Aliquam amet dolore dolores explicabo illo magni nobis officiis pariatur, quos saepe, sapiente vero. Modi, soluta vel. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam eius fugiat minima quis reiciendis, tempora! Amet consequuntur distinctio eaque maxime molestiae, odit? Accusamus dolorum fugiat illo porro repellendus sit voluptatibus!
  //- 底部popUp
  script(type="text/template", id="footbar-popup")
    .order-price-detail
      .priceGapTips 实际入住人数小于可住人数的情况下，需要补充空床的费用。
      ul.cruisePrice-list
        li.gzl-flex.cruisePrice-item
          .gzl-flex__item
            .cabinName 标准内舱双人房IC
            .cabinDetail
              span 
                em 2
                | 成人
              span 
               em 1
               | 儿童
              span 
               em 1
               | 间房
              span
               em.priceGap ￥350
               | 房差
          .priceTotal ￥89999
        li.gzl-flex.cruisePrice-item
          .gzl-flex__item
            .cabinName 高区船中/船中双人阳台房2D/4D /6D/8D/10D/12D/20D
            .cabinDetail
              span 
                em 2
                | 成人
              span 
               em 1
               | 儿童
              span 
               em 1
               | 间房
          .priceTotal ￥12344